<template>
  <div class="container">
     <a-layout-header class="max-width header" >
        <HeaderMenu/>
      </a-layout-header>
    <a-layout>
      <a-layout-content>
        <router-view />
        <!-- <ContentCard v-for="(item, idx) in contents" :key="idx" :content_card_title="item.content_card_title" :content_card_items="item.content_card_items"/> -->
      </a-layout-content>
      <a-layout-footer class="max-width foot">
        <FootInfo/>
      </a-layout-footer>
    </a-layout>
  </div>
</template>
<script >
// import ContentCard from "@/components/content-card.vue"
import HeaderMenu from "@/components/header-menu.vue"
import FootInfo from "@/components/foot-info.vue"

export default {
  components:{
    // ContentCard,
    HeaderMenu,
    FootInfo
  },
  data() {
    return {
      activeIndex: 1,
    };
  },
  methods: {
    handleSelect() {
      console.log(123);
    },
  },

};
</script>

<style lang="less" scoped>
.container{
  
}
</style>
